<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>

		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/el/index.css" />
		<link rel="stylesheet" type="text/css" href="css/jiazai.css" />
		<style type="text/css">
			.hea-con {
				padding: 10px 20px;
			}
			
			.hea-con>span:first-of-type {
				font-size: 18px;
			}
			
			#bottom {
				position: fixed;
				bottom: 30px;
				left: 0;
				right: 0;
				font-size: 15px;
				text-align: center;
				letter-spacing: 1px;
				color: #0C61FF;
			}
			
			#bottom>img {
				height: 30px;
			}
			
			.input-wrap {
				margin: 25px 0;
			}
			
			.input-wrap>p>span:first-of-type {
				color: #333;
			}
			
			.input-wrap>div {
				margin-top: 10px;
				padding: 5px 14px;
				border-radius: 5px;
				background: #f5f5f5;
			}
			
			.input-wrap input {
				margin: 0;
				padding: 0;
				border: none;
				background: transparent;
			}
			.oth-mon-set,.oth-mon-set>div{
				width: 100%;
				height: 40px;
			}
			.btn-wrap {
				margin-top: 45px;
			}
			
			.btn-wrap>button {
				width: 90%;
				padding: 15px 0;
				font-size: 16px;
				color: white;
				border: none;
				background: #0c61ff;
				border-radius: 40px;
			}
		</style>

	</head>

	<body style="background: white;">
		<div id="app">

			<!-- 加载中动画 -->
			<div id='jiazai-ani' v-if='jiazai'>
				<div class="arc"></div>
				<h1><span>LOADING</span></h1>
			</div>
			<!-- 加载中动画 -->

			<div id="hea-wrap">
				<div class="dis-spa hea-con">
					<img @tap="_close();" src="img/left.svg" style="width:18px;height: 18px;" />
					<span>BTC充币</span>
					<img @tap="openSao" src="img/sao.svg" style="width:20px;height: 20px;" />

				</div>
				<div style="padding: 0 20px;">
					<div class="input-wrap">
						<p class='dis-spa'>
							<span>提现数量</span>
							<span>BTC余额：23.00</span>
						</p>
						<div class="input">
							<input type="text" placeholder="输入数量" />
						</div>
					</div>
					<div class="input-wrap">
						<p class='dis-spa'>
							<span>接受地址</span>
						</p>
						<div class="input">
							<input type="text" placeholder="输入BTC地址" />
						</div>
					</div>
					<div class="input-wrap">
						<p class='dis-spa'>
							<span>发送地址</span>
						</p>
						<div class="input">
							<input type="text" placeholder="输入发送地址" />
						</div>
					</div>
					<div class="oth-mon">
						<p class='dis-spa'>
							<span style="color: #333;">手续费</span>
							<span>0.00001BTC≈0.0000CNY</span>
						</p>
						<div class="dis-spa oth-mon-set">
							<el-slider v-model="otherMoney"></el-slider>
						</div>
					</div>
					<div class="dis-cen btn-wrap">
						<button>确定</button>
					</div>
				</div>
			</div>
			<div id="bottom" class="dis-cen">
				<img src="img/logo3.png" />
			</div>
		</div>
		<script src="js/comm.js"></script>
		<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/el/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" charset="utf-8">
			var app = new Vue({
				el: '#app',
				data: {
					jiazai: false,
					//手续费拖动
					otherMoney: 40
				},
				created: function() {

				},
				mounted: function() {

				},
				methods: {
					//打开扫一扫
					openSao: function() {}
				}
			});
		</script>
	</body>

</html>